*{
  padding: 0;
  margin: 0;
}
[v-cloak] {
  display: none;
}
body{
  text-align: center;
}
div{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(-50%, -50%);
}
table {
  border: 1px solid #b9b7b7;
  empty-cells: show;
}
table th,
table td {
  padding: 8px 16px;
  border: 1px solid #b9b7b7;
  text-align: left;
}
table th {
  background: #ee814e;
  color: #000000;
  font-weight: bold;
  white-space: nowrap;
}
input{
  cursor: pointer;
}
button{
  padding: 2px 4px;
  cursor: pointer;
}
.name{
  font-family: "楷体";
  font-weight: bold;
}
.product{
  background: rgb(238, 222, 217);
}
.total{
  text-align: right;
  font-weight: bold;
  color: red;
}
p{
  color: rgb(221, 55, 5);
  font-size: x-large;
  font-weight: bolder;
  font-family: "楷体";
}